<div class="container catebox">
    <div class="row aerousel">
        <!-- 轮播开始 -->
        <script src="/static/index/js/jquery.banner.js"></script>
        <ul class="hiSlider container hidden-xs banner">
            {volist name="banner" id="banner"}
            <li class="hiSlider-item" data-title="{$banner.title}"><a href="{$banner.link}" target="_blank"><img src="/static/upload/banner/{$banner.pic}" alt="{$banner.title}"></a></li>
            {/volist}
        </ul>
        <script>
            $('.banner').hiSlider({
                isFlexible: true,
                isSupportTouch: true,
                isShowControls: false,
                titleAttr: function(){
                    return $('img', this).attr('alt');
                }
            });
        </script>
    </div>
</div>